@import '../../common/scss/base.scss';
page{
  background-color: $theme-color;
  .iphonex-button{
    height: 188rpx!important;
  }
  .button{
    height: 120rpx!important;
  }
  .right-img{
    width: 22rpx;
    height: 40rpx;
  }
  // 暂无地址
  .select-address{
    padding:76rpx 30rpx;
    background-color:#ffffff;
    .no-add{
      display:flex;
      align-items:center;
      justify-content:space-between;
      text{
      font-size:40rpx;
      font-family:PingFangSC-Medium;
      font-weight:500;
      color:rgba(0,0,0,1);
      line-height:56rpx;
      letter-spacing:1rpx;
      }
      .van-icon-arrow {
        color: #C7C7CC;
      }
    }
  }
  // 有地址
  .order-address{
    background-color:#ffffff;
    .has-add-name{
      line-height:48rpx;
      display:flex;
			align-items:center;
			justify-content: space-between;
      color:#000000;
      font-size:32rpx;
      box-sizing:border-box;
      padding:30rpx 74rpx 10rpx 120rpx;
      .address-name{
        font-family:PingFangSC-Medium;
			}
			.addres-name {
				font-weight:bold;
			}
      .address-tel{
        font-family:PingFangSC-Light;
        font-weight:300;
        margin-left: 106rpx
      }
    }
    .add-show{
      display: flex;
      padding-bottom:32rpx;
      align-items:center;
      image{
        width:88rpx;
        height:88rpx;
        margin:0 16rpx;
      }
      .van-icon-arrow {
        font-size: 30rpx;
        color: #C7C7CC;
        font-weight: 900;
        margin-right: 25rpx;
        margin-top: -35rpx;        
      }
      .add{
        width:556rpx;
				flex: 1;
        font-size:28rpx;
        font-family:PingFangSC-Regular;
        font-weight:400;
        color:rgb(53, 53, 53);
        line-height: 44rpx;
        display: -webkit-box;
        /* autoprefixer: off */
        -webkit-box-orient: vertical;
        /* autoprefixer: on */
        -webkit-line-clamp: 2;
				overflow: hidden;
				text-justify: distribute-all-lines;
			  text-align: justify;
      }
    }
  }
  // 商品
  .order-good{
    background-color: #ffffff;
    margin: 20rpx 0;
    padding: 30rpx;
    box-sizing: border-box;
    // display: flex;
    image{
      width: 176rpx;
      height: 176rpx;
      float: left;
      margin-right:30rpx;
    }
    .order-good-text{
      font-family:PingFangSC-Regular;
      font-weight:400;
      .good-text-title{
        font-size:28rpx;
        color:rgba(53,53,53,1);
        line-height:40rpx;
      }
      .good-text-size{
        font-size:24rpx;
        color:rgba(178,178,178,1);
        line-height:36rpx;
        margin: 20rpx 0;
      }
      .good-text-price{
        display:flex;
        align-items:center;
        justify-content:space-between;
        .text-price{
          font-size:32rpx;
          font-family:PingFangSC-Medium;
          font-weight:500;
          color:$red-color;
          line-height:48rpx;
          text{
            font-size: 24rpx;
          }
        }
        .text-num{
          font-size:28rpx;
          font-family:PingFangSC-Regular;
          font-weight:400;
          color:#000000;
          line-height:36rpx;
        }
      }
    }
  }
}
// 购买数量、、、
.order-type{
  padding: 0 30rpx;
  background-color: #ffffff;
  margin-bottom: 20rpx;
  .order-num{
    height: 88rpx;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1rpx solid #F7F7F7;
    text{
      font-size:26rpx;
      font-family:PingFangSC-Regular;
      color:rgb(53,53,53);
      line-height:0;
    }
    view{
      display:flex;
      height:88rpx;
      align-items:center;
      font-weight:600;
      .van-icon-arrow {
        font-size: 30rpx;
        color: #C7C7CC;
        font-weight: 900;
        margin-left: 20rpx;
        margin-top:2rpx;
      }
      .change-pay{
        width: 46rpx;
        height: 46rpx;
        margin-left:16rpx;
      }
      input{
        display: inline-block;
        width:56rpx;
        height:56rpx;
        background:rgb(243,243,243);
        border-radius:2rpx;
        text-align: center;
        font-size:28rpx;
      }
    }
  }
}
.order-pric-all{
  background-color: #ffffff;
  padding:20rpx 30rpx 0;
  .order-pric-list{
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 40rpx;
    padding: 10rpx 0;
    view{
      font-size: 28rpx;
      &:first-child{
        color: #353535;
      }
      &:last-child{
        color: #888888;
      }
    }
  }
  .all-money{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    border-top: 1rpx solid #EEEEEE;
    // height: 66rpx;
    height: 86rpx;
    color: #353535;
    .all-spe{
      font-size: 28rpx;
    }
    .spe-right{
      margin-left: 32rpx;
    }
    .order-price-icon{
      font-size: 24rpx;
    }
    .money-num{
      font-size: 32rpx;
      font-weight: 500;
    }
  }
}
// 确认支付
.order-sure{
  height: 96rpx;
  box-sizing:border-box;
  width: 100%;
  display: flex;
  align-items: center;
  background-color:#ffffff;
  position: fixed;
  bottom: 0;
  border-top: 1rpx solid rgba(0,0,0,0.1);
  .order-all-money{
    width:514rpx;
    display:flex;
    align-items:center;
    font-size:32rpx;
    font-family:PingFangSC-Regular;
    font-weight:400;
    line-height:48rpx;
    text-align: right;
    justify-content: flex-end;
    padding-right:12rpx;
    text{
      &:first-child{
        font-size: 32rpx;
        color: #353535;
        margin-right: 18rpx;
      }
      &:nth-child(2){
        font-size: 28rpx;
        color: #D0021B;
      }
      &:last-child{
        font-size: 36rpx;
        color: #D0021B;
        font-weight: 600;
      }
    }
    text{
      line-height: 0;
      font-family:PingFangSC-Regular;
    }
  }
  .help-sure-pay{
    width:236rpx;
    height: 96rpx;
    line-height: 96rpx;
    background-color:#d0021b;
    color:#ffffff;
    text-align:center;
    font-family:PingFangSC-Regular;
    font-weight:400;
    font-size: 28rpx;
  }
  .order-sure-pay{
    width:236rpx;
    background-color:#d0021b;
    color:#ffffff;
    text-align:center;
    font-family:PingFangSC-Regular;
    font-weight:400;
    padding:12rpx 0;
    box-sizing:border-box;
    view:nth-child(2){
      font-size:28rpx;
    }
    view:nth-child(1){
      letter-spacing:1.52rpx;
      font-size:20rpx;
    }
  }
}
